$(function() {
  $("#trigger1").modal({
    trigger: "#trigger1",
    modals: "div#modal1",
    animationEffect: "fadeIn",
    popPosition: {
      top: "Up",
      left: "Content"
    },
    olayBe: true,
    close: ".close_"
  });
  $("#trigger2").modal({
    trigger: "#trigger2",
    modals: "div#modal2",
    animationEffect: "fadeIn",
    popPosition: {
      top: "Up",
      left: "Content"
    },
    olayBe: true,
    close: ".close_"
  });
  $("#trigger3").modal({
    trigger: "#trigger3",
    modals: "div#modal3",
    animationEffect: "fadeIn",
    popPosition: {
      top: "Up",
      left: "Content"
    },
    olayBe: true,
    close: ".close_"
  });
  $("#trigger4").modal({
    trigger: "#trigger4",
    modals: "div#modal4",
    animationEffect: "fadeIn",
    popPosition: {
      top: "Up",
      left: "Content"
    },
    olayBe: true,
    close: ".close_"
  });
  $("#trigger5").modal({
    trigger: "#trigger5",
    modals: "div#modal5",
    animationEffect: "fadeIn",
    popPosition: {
      top: "Up",
      left: "Content"
    },
    olayBe: true,
    close: ".close_"
  });
  $("#trigger6").modal({
    trigger: "#trigger6",
    modals: "div#modal6",
    animationEffect: "fadeIn",
    popPosition: {
      top: "Up",
      left: "Content"
    },
    olayBe: true,
    close: ".close_"
  });
  $("#trigger7").modal({
    trigger: "#trigger7",
    modals: "div#modal7",
    animationEffect: "fadeIn",
    popPosition: {
      top: "Up",
      left: "Content"
    },
    olayBe: true,
    close: ".close_"
  });
})
